<template>
  <div>
    <section class="tt-title">
      <div class="tt-title-box">
        <!-- 标题 -->
        <div v-if="true" class="box-title">
          <!-- 插槽 -->
          <slot></slot>
          <router-link to="/classify">更多<i class="bi bi-chevron-compact-right"></i></router-link>
        </div>
      </div>
    </section>
  </div>
</template>

<style lang="less" scoped>
@import "../../assets/less/variable.less";
.tt-title {
  background-color: #fff;
  .tt-title-box {
    width: 100%;
  }
  .box-title {
    height: 32px;
    line-height: 32px;
    span {
        font-weight: bold;
        float: left;
        font-size: 15px;
    }
    a {
        float: right;
        font-size: 14px;
        position: relative;
        padding-right: 10px;
        color: #666;
        i {
           font-size: 14px;
           position: absolute;
           right: -5px;
        }
    }
  }
}

</style>

<script>
export default {
  data() {
    return {

    }
  }
};
</script>